<template>
	<div>
		<sh-tag color="default">default</sh-tag>
		<sh-tag color="primary">primary</sh-tag>
		<sh-tag color="success">success</sh-tag>
		<sh-tag color="error">error</sh-tag>
		<sh-tag color="warning">warning</sh-tag>
		<sh-tag color="magenta">magenta</sh-tag>
		<sh-tag color="red">red</sh-tag>
		<sh-tag color="volcano">volcano</sh-tag>
		<sh-tag color="orange">orange</sh-tag>
		<sh-tag color="gold">gold</sh-tag>
		<sh-tag color="yellow">yellow</sh-tag>
		<sh-tag color="lime">lime</sh-tag>
		<sh-tag color="green">green</sh-tag>
		<sh-tag color="cyan">cyan</sh-tag>
		<sh-tag color="blue">blue</sh-tag>
		<sh-tag color="geekblue">geekblue</sh-tag>
		<sh-tag color="purple">purple</sh-tag>
		<sh-tag color="#FFA2D3">Custom Color</sh-tag>
		<br /><br />
		<sh-tag type="border" closable color="primary">标签一</sh-tag>
		<sh-tag type="border" closable color="success">标签二</sh-tag>
		<sh-tag type="border" closable color="error">标签三</sh-tag>
		<sh-tag type="border" closable color="warning">标签四</sh-tag>
		<br /><br />
		<sh-tag type="dot" closable color="primary">标签一</sh-tag>
		<sh-tag type="dot" closable color="success">标签二</sh-tag>
		<sh-tag type="dot" closable color="error">标签三</sh-tag>
		<sh-tag type="dot" closable color="warning">标签四</sh-tag>
	</div>
</template>

<script>
export default {
	name: 'BaseshTag',
	data() {
		return {}
	}
}
</script>

<style scoped lang="scss"></style>
